<template>
  <div class="bg-black h-[270px]">
    <div class="max-w-[1200px] mx-auto pl-5 md:pl-0">
      <div class="grid md:grid-cols-6">
        <p class="md:col-span-3 grid-cols-4 pl-[53px] hidden md:block text-white text-xl font-bold pt-[58px]">北京玖芾国际教育咨询有限公司</p>
        <div class="grid grid-cols-2 col-span-3 pt-10">
          <div class="col-span-1 flex justify-between flex-wrap text-sm/[44px] text-white">
            <p class="w-[50%]" @click="onLink('/')">首页</p> 
            <p class="w-[50%]" @click="onLink('/about')">关于我们</p> 
            <p class="w-[50%]" @click="onLink('/news/list')">新闻中心</p>                    
            <p class="w-[50%]" @click="onLink('/serve')">高定服务</p>                    
            <!-- <p class="w-[50%]">诚邀合作</p>                     -->
          </div>
          <div class="col-span-1 pr-1 md:pr-[39px] flex justify-between gap-3 md:gap-21">
            <div >
              <img class="w-[84px] h-[84px]" src="/src/assets/img/school_1.png">
              <p class="text-xs mt-[15px] text-white text-center">玖芾公众号</p>
            </div>
            <div class="a">
              <img class="w-[84px] h-[84px]" src="/src/assets/img/school_1.png">
              <p class="text-xs mt-[15px] text-white text-center">玖芾视频号</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <p class="text-center text-sm text-white/40 mb-1 mt-8">©2023  玖芾国际教育咨询有限公司 版权所有</p>
    <p class="text-center text-sm text-white/40 mb-1">京ICP备2023013848号-1</p>
  </div>
</template>
<script setup>
import { useRouter, useRoute } from 'vue-router'
let router = useRouter()
let route = useRoute()
let onLink = (path) => {
  if (path === route.path) {
    return false
  }
  router.push(path)
}
</script>